<html>
    <head>
        <title>Canvas Page for Sneak-O-Scope</title>
        <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.5.2/build/assets/skins/sam/skin.css">
        <link rel="stylesheet" type="text/css" href="/css/sos.css"></head>
    <body class = "yui-skin-sam">
        <center>
            <div id = "summary" style ="text-decoration : underline">Recent Visitors</div>
            <div id = "wordCloud" style ="text-align : center">
                <img src="/img/logo.png" />
                <br/>
                <br/>
                <img src = "/img/loading-bar.gif"/>
            </div>
        </center>
    </body>
    <script type="text/javascript" src="http://yui.yahooapis.com/combo?2.5.2/build/utilities/utilities.js&2.5.2/build/container/container-min.js&2.5.2/build/tabview/tabview-min.js&2.5.2/build/button/button-min.js&2.5.2/build/json/json-min.js"></script>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <div style ="display : none">
        <div id = "ownerId">{{ ownerId|escape }}</div>
        <div id = "userData">{{userData|escape }}</div>
        <div id = "container">{{container|escape }}</div>
        <div id = "userTotal">{{userTotal|escape }}</div>
        <div id = "userPrefs">{{userPrefs|escape }}</div>
        <div id = "sosTotal">{{sosTotal|escape }}</div>
        <div id = "sosPrefs">{{sosPrefs|escape }}</div>
        <div id = "knownVisits">{{knownVisits|escape }}</div>
        <div id = "unknownVisits">{{unknownVisits|escape }}</div>
        <div id = "visitorList">
            <!--{% for visit in knownRecords %}-->
            <div class = "visitorRecord">
                <span class = "viewer">{{visit.viewer|escape }}</span>
                <span class = "enterTime">{{visit.enterTime|escape }}</span>
                <span class = "exitTime">{{visit.exitTime|escape }}</span>
                <span class = "cookie">{{visit.cookie|escape }}</span>
                <span class = "ip">{{visit.ip|escape }}</span>
                <span class = "sessionId">{{visit.sessionId|escape }}</span>
                <span class = "param">{{visit.param|escape }}</span>
            </div>
            <!--{% endfor %}--><!--{% for visit in unknownRecords %}-->
            <div class = "visitorRecord">
                <span class = "viewer">{{visit.viewer|escape }}</span>
                <span class = "enterTime">{{visit.enterTime|escape }}</span>
                <span class = "exitTime">{{visit.exitTime|escape }}</span>
                <span class = "cookie">{{visit.cookie|escape }}</span>
                <span class = "ip">{{visit.ip|escape }}</span>
                <span class = "sessionId">{{visit.sessionId|escape }}</span>
                <span class = "param">{{visit.param|escape }}</span>
            </div>
            <!--{% endfor %}-->
        </div>
    </div>
    <script type="text/javascript" src="/js/sos.js"></script>
	
	<script type="text/javascript">
		var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
		document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
	</script>
	<script type="text/javascript">
		try {
		var pageTracker = _gat._getTracker("UA-7009889-1");
		pageTracker._trackPageview();
		} catch(err) {}
	</script>
	
</html>
